<template>
  <div class="welcome">

    <div class="fuArea">
      <router-view/>
    </div>

    <div class="footer">
      校医室预约管理平台
    </div>
  </div>
</template>

<script>
export default {
    name: 'WelcomePage'
}
</script>

<style>
.welcome{
  height: 100vh;
  overflow: hidden;
}

.welcomeTitle>h1{
  font-size: 3.8vw;
  color: brown;
  text-shadow: 12px 12px 12px black;
}

.fuArea{
  padding: 88px;
  background: rgba(153, 153, 153, 0.5); /* 使用带透明度的背景色 */
  border-radius: 12px;
  width: 100vw;
  height: 100vh;
  z-index: 1;
  backdrop-filter: blur(28px); /* 添加模糊效果，可以根据需要调整模糊程度 */
}

.footer{
  position: absolute;
  z-index: 10;
  bottom: 7vh;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: white;
}
</style>